<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
  <title></title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="js/libs/easyui/themes/default/easyui.css">
</head>
<body>
  <div class="pm-inner">
    <form class="pm-form">
      <div class="form-line">
        <div class="form-item" style="margin-right: 0;">
          <span class="item-title">查询：</span>
          <span class="item-inner">
            <span class="pm-input-group">
              <input style="width: 450px" class="pm-input" type="text">
              <button type="button" class="pm-button">确认</button>
            </span>
          </span>
        </div>
        <button type="button" class="pm-button pm-ml15 pm-fl">
          <i class="pm-sprite reset"></i>
          <span>重置</span>
        </button>
        <button type="button" class="pm-button pm-ml15 pm-fl adv-search">
          <i class="pm-sprite search"></i>
          <span>高级搜索</span>
        </button>
      </div>
      <div class="form-s-h">
        <div class="form-line">
          <div class="form-item">
            <span class="item-title">项目名称：</span>
            <div class="item-inner">
              <div class="pm-select">
                <input class="pm-input" type="text">
                <span class="select-btn"></span>
                <ul>
                  <li value="1">选项1</li>
                  <li value="2">选项2</li>
                  <li value="3">选项3</li>
                  <li value="4">选项4</li>
                  <li value="5">选项5</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="form-item">
            <span class="item-title">合同状态：</span>
            <div class="item-inner">
              <div class="pm-select" disabled>
                <input class="pm-input" type="text">
                <span class="select-btn"></span>
                <ul>
                  <li value="1">选项1</li>
                  <li value="2">选项2</li>
                  <li value="3">选项3</li>
                  <li value="4">选项4</li>
                  <li value="5">选项5</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="form-item">
            <span class="item-title">合同性质：</span>
            <div class="item-inner">
              <div class="pm-select">
                <input class="pm-input" type="text">
                <span class="select-btn"></span>
                <ul>
                  <li value="1">选项1</li>
                  <li value="2">选项2</li>
                  <li value="3">选项3</li>
                  <li value="4">选项4</li>
                  <li value="5">选项5</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="form-item">
            <span class="item-title">发包类型：</span>
            <div class="item-inner">
              <div class="pm-select">
                <input class="pm-input" type="text">
                <span class="select-btn"></span>
                <ul>
                  <li value="1">选项1</li>
                  <li value="2">选项2</li>
                  <li value="3">选项3</li>
                  <li value="4">选项4</li>
                  <li value="5">选项5</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="form-item">
            <span class="item-title">合同大类：</span>
            <div class="item-inner">
              <div class="pm-select">
                <input class="pm-input" type="text">
                <span class="select-btn"></span>
                <ul>
                  <li value="1">选项1</li>
                  <li value="2">选项2</li>
                  <li value="3">选项3</li>
                  <li value="4">选项4</li>
                  <li value="5">选项5</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="form-item">
            <span class="item-title">签订方类型：</span>
            <div class="item-inner">
              <div class="pm-select">
                <input class="pm-input" type="text">
                <span class="select-btn"></span>
                <ul>
                  <li value="1">选项1</li>
                  <li value="2">选项2</li>
                  <li value="3">选项3</li>
                  <li value="4">选项4</li>
                  <li value="5">选项5</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="form-line">
          <div class="form-item">
            <span class="item-title">状态选择：</span>
            <div class="item-inner">
              <div class="pm-sOption">
                <ul>
                  <li>选项1</li>
                  <li>选项1</li>
                  <li class="act">选项1</li>
                  <li>选项1</li>
                  <li>选项1</li>
                  <li>选项1</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>
    <div class="pm-operating clearfix">
      <button type="button" class="pm-button">
        <i class="pm-sprite add"></i>
        <span>新增</span>
      </button>
      <button type="button" class="pm-button">
        <i class="pm-sprite del"></i>
        <span>作废</span>
      </button>
      <button type="button" class="pm-button">
        <i class="pm-sprite history"></i>
        <span>查看审批痕迹</span>
      </button>
      <button type="button" class="pm-button">
        <i class="pm-sprite startht"></i>
        <span>生成正式合同</span>
      </button>
      <button type="button" class="pm-button">
        <i class="pm-sprite endht"></i>
        <span>合同终止申请</span>
      </button>
      <button type="button" class="pm-button">
        <i class="pm-sprite oldshow"></i>
        <span>旧PM查看</span>
      </button>
    </div>
    <div class="pm-table-wrap">
      <table id="easyui_table"></table>
    </div>
    <!-- <div class="pagination clearfix">
      <div class="pm-fl">
        <div class="pm-select">
          <input style="width: 40px;" class="pm-input" type="text">
          <span class="select-btn"></span>
          <ul>
            <li value="1">1</li>
            <li value="2">2</li>
            <li value="3">3</li>
            <li value="4">4</li>
            <li value="5">5</li>
          </ul>
        </div>
      </div>
      <div class="pm-fl pm-ml15">
        <a href="javascript:;">|&lt;首页</a>
        <a class="pm-ml5" href="javascript:;">&lt;上一页</a>
        <span class="pm-ml5">第</span>
        <input style="width: 40px" class="pm-input" type="text">
        <span class="pm-ml5">页 共48页</span>
        <a class="pm-ml5" href="javascript:;">下一页&gt;</a>
        <a class="pm-ml5" href="javascript:;">尾页&gt;|</a>
      </div>
    </div> -->
  </div>
  <script src="js/libs/jquery-1.12.4.min.js"></script>
  <script src="js/libs/easyui/jquery.easyui.min.js"></script>
  <script src="js/libs/easyui-datagrid-filter/datagrid-filter.js"></script>
  <script src="js/inner.js"></script>
</body>
</html>